<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>{$site.title}</title>
    <meta name="keywords" content="{$site.keyword}" />
    <meta name="description" content="{$site.description}">
    <style type="text/css">
        .carousel-indicators{width: 980px;bottom: -5px;/* margin-left: 0*/}
        .carousel-inner  .item{height: 100%;}
        .carousel-inner{height: 100%;}
    </style>
</head>
<body>
<!-- Header -->
{include file="public:head" /}
<!--瀑布流插件-->
<script src="__PUBLIC__/js/masonry.js"></script>
<script src="__PUBLIC__/masonry/masonry.pkgd.min.js"></script>
<link rel="stylesheet" href="__PUBLIC__/css/masonry_index.css" />
<!-- Content -->
<div class="index-content">
    <div id="masonry">

    </div>
    <div class="wrap">
        <div style="text-align:  center"></div>
        <div class="nextpage"><input type="hidden" value="2" id="page"> </div>
        <div class="loading" id="loading"><img src="__PUBLIC__/images/loading.gif"> &nbsp;加载中.. <br><button id="buttom">手动获取</button></div>
        <div class="loading" id="loadingEnd">亲，没有数据了哦 ^_^</div>
    </div>
</div>

<!-- Footer -->
{include file="public:foot" /}
<script>
    var $url = "{:URL('Article/ajaxList')}?id=1";
    var $masonry = $('#masonry').masonry({
        columnWidth: 10,
        gutter: 20,
        itemSelector: '.box',
       // isAnimated: true,

    });

</script>
</body>
</html>

